<template>
	<view class="sendmaterial">
		<u-navbar :title="jydataObj.ORMTB473CA00" back-icon-color="#333"></u-navbar>
		<view class="sendmaterial-top">
			<image :src="getStaticFilePath('/sendOrder/chooseMaterial/chooseMaterial-JYZ.jpg')" mode=""></image>
		</view>
		<view class="sendmaterial-erp-address">
			<view class="sendmaterial-erp-address-p">
				<text class="iconfont icondianhua"></text>
				<view class="">
					<span style="color: #007AFF;padding-right: 20rpx;">
						<!-- {{erpInfo.SETTB99CA01||'暂无联系方式'}} -->
						{{jydataObj.ORMTB473CA10||''}}
					</span>
					<span>
						{{jydataObj.ORMTB473CA00}}
						<!-- {{erpInfo.SETTB99CA02||'暂无地址'}} -->
					</span>
				</view>
			</view>

		</view>
		<!-- 公告 -->
		<uni-notice-bar class="notice" background-color="#fff" :speed="50" scrollable single showIcon color="#333"
			:text="jydataObj.ORMTB473CA08"></uni-notice-bar>
		<view class="main-zhuti-jy">
			<view class="jy-main">
				<view class="" style="display: flex;">
					<view class="">
						<u-action-sheet @click="yhxzFun" :list="list" v-model="show"></u-action-sheet>
						<u-button @click="yhFun">{{yh}}</u-button>
					</view>

					<view class="see-btn-collection" style="color:#D36D7C;font-size: 20rpx; padding-left: 20rpx;">
						<text style="padding: 10rpx; background-color:#FEF4F3 ; border-radius: 10rpx;">飞砂走石价</text>
						<text style="padding:0 5rpx;font-weight: bold;">￥</text>
						<text style="font-size: 40rpx;font-weight: bold;">{{jydataObj.ORMTB473CA03}}</text>
						<text style="font-size: 24rpx; font-weight: bold;">/L</text>

					</view>
				</view>

				<view class="see-btn-collection" style="color:#D36D7C;font-size: 20rpx;">
					<text style="color: #8C8C8C;padding-left: 10rpx;">油站价￥{{jydataObj.ORMTB473CA02}}/L</text>

					<view class="">
						<text style="color: #8C8C8C;padding-left: 10rpx;">国际价￥{{jydataObj.ORMTB473CA07}}/L</text>
					</view>
				</view>

			</view>
			<view class="">
				<view class="" style="padding: 20rpx 0;">
					<text>请选择枪号</text>
				</view>
				<u-action-sheet @click="qhListFun" :list="qhlist" v-model="qhshow"></u-action-sheet>
				<u-button type="info" style="color: red;" :plain="true" @click="qhFun">{{qh}}</u-button>
			</view>
			<view class="">
				<view class="" style="padding: 20rpx 0;">
					<text>请输入金额</text>
				</view>
				<input v-model="jine" type="digit" placeholder="请输入油机金额" :border="border" :height="height"
					:auto-height="autoHeight" />
			</view>
		</view>
		<view class="sendcar-bottome-nav">
			<view class="sendcar-bottome-nav-l">
				<view class="sendcar-bottome-nav-l-t">
					￥***
				</view>
				<!-- <view class="sendcar-bottome-nav-l-b">
					<text>共{{sendTotalCheshu}}车</text> {{sendTotalWeight}}{{materInfo.settb109CA05||'吨'}}
				</view> -->
			</view>
			<view class="sendcar-bottome-nav-r">
				<button type="default" @click="payykFun">支付</button>
			</view>
		</view>
		<u-toast ref="uToast" />

	</view>
</template>

<script>
	export default {
		data() {
			return {
				cusshow: false,
				showComplete: false,
				base64: '', // 视频
				// videoContext: '',
				// videObj: {},
				
				// video: {
				// 	visible: false,
				// 	url: '',
				// 	context: null
				// },
				list: [{
					text: '-10#'
				}, {
					text: '0#'
				}],
				show: false,
				qhshow: false,
				qhlist: [],
				qh: '请选择枪号',
				yh: '',
				jine: '',
				type: 'digit',
				border: true,
				height: 80,
				autoHeight: true,
				jydataObj: {},
				yzobj: JSON.parse(uni.getStorageSync('yz')),
				userinfo: JSON.parse(uni.getStorageSync('userinfo')),
				// erpInfo: JSON.parse(uni.getStorageSync('erpinfo')),
				// Erptype: JSON.parse(uni.getStorageSync('Erptype')),
				materList: [],
				AuthorizationOBJ: '',
				navId: '',

			}
		},

		// onReady() {
		// 	this.video.context = uni.createVideoContext('videoPlayer', this);
		// },

		onShow() {
			// uni.removeStorageSync('sendobj')
			// uni.removeStorageSync('materInfo')
			// this.queryGwcList()
			// if (this.userinfo.sign == 'CUS-3') {
			// 	this.queryAuthorization()
			// }
			// if (!this.erpInfo.notice) {
			// 	this.erpInfo.notice = '暂无公告内容'
			// }
		},
		onLoad() {
			this.carUnfinishedList()
		},
		methods: {
			yhFun(e) {
				console.log(e)
				this.show = true
			},
			qhFun(e) {
				console.log(e)
				this.qhshow = true
			},
			yhxzFun(index) {
				console.log(`点击了第${index + 1}项，内容为：${this.list[index].text}`)
				this.yh = this.list[index].text
			},
			qhListFun(index) {
				console.log(`点击了第${index + 1}项，内容为：${this.qhlist[index].text}`)
				this.qh = this.qhlist[index].text
			},

			carUnfinishedList() {
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				uni.request({
					url: this.baseUrl + '/orm/ormtb473/selectDetail',
					method: 'POST',
					dataType: 'json',
					data: {
						ORMTB473ID: this.yzobj.ORMTB473ID
					},
					success: (res) => {
						console.log(res);
						uni.hideLoading();
						if (res.data.code == 200) {
							console.log(res);
							// this.showComplete = false
							this.jydataObj = res.data.data
							this.yh = this.jydataObj.ORMTB473CA12
							var listyh
							var listyh = this.jydataObj.ormtb475List
							
							listyh = listyh.map((item) => {
								console.log('item', item)
								// return{}
								return {
									text: item.ORMTB475CA01
								}

							})
							console.log(listyh)
							this.qhlist = this.jydataObj.ORMTB473CA09LIST
							
							this.list = listyh
							
						} else {
							this.$refs.uToast.show({
								title: res.data.success,
								type: 'default',
								icon: false
							})
						}
					},
					fail: (res) => {
						uni.hideLoading();
						this.$refs.uToast.show({
							title: res.errMsg,
							type: 'default',
							icon: false
						})
					}
				});
			},
			payykFun(){
				if(this.jine ==''){
					this.$refs.uToast.show({
						title: '请输入金额',
						type: 'default',
						icon: false
					})
					return
				}
				
				if(this.qh == '请选择枪号'){
					this.$refs.uToast.show({
						title: '请选择枪号',
						type: 'default',
						icon: false
					})
					return
				}
				
				if(this.yh == ''){
					this.$refs.uToast.show({
						title: '请选择油号',
						type: 'default',
						icon: false
					})
					return
				}
				
				else{
						uni.showLoading({
							title: '加载中...',
							mask: true
						});
						uni.request({
							url: this.baseUrl + '/orm/ormtb476/createOrder',
							method: 'POST',
							dataType: 'json',
							data: {
								ORMTB476CA00: this.userinfo.ORMTB410ID,
								ORMTB476CA01: this.yzobj.ORMTB473ID,
								ORMTB476CA02: this.qh,
								ORMTB476CA03: this.yh,
								ORMTB476CA07: this.jine
							},
							success: (res) => {
								console.log(res);
								uni.hideLoading();
								if (res.data.code == 200) {
									console.log(res);
									uni.reLaunch({
										url: '/pages/jyjl/index'
									})
									
								} else {
									this.$refs.uToast.show({
										title: res.data.message,
										type: 'default',
										icon: false
									})
								}
							},
							fail: (res) => {
								uni.hideLoading();
								this.$refs.uToast.show({
									title: res.errMsg,
									type: 'default',
									icon: false
								})
							}
						});
				}
				
				
			},
			// chooseVideo() {
			// 	var _self = this
			// 	this.showComplete = false
			// 	uni.chooseVideo({
			// 		count: 1,
			// 		maxDuration: 60, // 拍摄视频最长拍摄时间，单位秒。最长支持 60 秒。
			// 		sourceType: ['album', 'camera'], //从相册选择
			// 		success: function(res) {
			// 			if (res) {
			// 				var tempFilePath = res.tempFilePath
			// 				console.log(tempFilePath)
			// 				uni.uploadFile({
			// 					url: _self.baseUrl + '/set/settb109/upload',
			// 					filePath: tempFilePath,
			// 					name: 'file',
			// 					success(resdata) {
			// 						console.log(resdata)
			// 						if (resdata.statusCode == 200) {
			// 							uni.hideLoading()
			// 							resdata.data = JSON.parse(resdata.data);
			// 							uni.showToast({
			// 								title: resdata.data.message,
			// 								icon: 'none'
			// 							})
			// 							_self.upBdImg = resdata.data.data.url
			// 							_self.base64 = resdata.data.data.url
			// 							_self.showComplete = true
			// 						}
			// 					},
			// 					fail(resdata) {
			// 						uni.hideLoading()
			// 					}
			// 				})

			// 			}
			// 		}
			// 	});
			// },
			// submitInsert() {
			// 	console.log(this.videObj)
			// 	uni.showLoading({
			// 		title: '加载中...',
			// 		mask: true
			// 	});
			// 	var ORMTB410ID = ''
			// 	if (this.userinfo.sign == "CUS-2" || this.userinfo.sign == 'CUS-3') {
			// 		ORMTB410ID = this.userinfo.ORMTB410ID
			// 	}
			// 	uni.request({
			// 		url: this.baseUrl + '/set/settb109/insert',
			// 		method: 'POST',
			// 		dataType: 'json',
			// 		data: {
			// 			SETTB109ID: this.videObj.settb109ID,
			// 			SETTB109CA09: this.base64
			// 		},
			// 		success: (res) => {
			// 			console.log(res);
			// 			uni.hideLoading();
			// 			if (res.data.code == 200) {
			// 				console.log(res);
			// 				this.showComplete = false
			// 				this.base64 = ''
			// 			} else {
			// 				this.$refs.uToast.show({
			// 					title: res.data.success,
			// 					type: 'default',
			// 					icon: false
			// 				})
			// 			}
			// 		},
			// 		fail: (res) => {
			// 			uni.hideLoading();
			// 			this.$refs.uToast.show({
			// 				title: res.errMsg,
			// 				type: 'default',
			// 				icon: false
			// 			})
			// 		}
			// 	});
			// },

			// radioChange(index) {
			// 	var list = this.shopppingOrderList
			// 	this.shopppingOrderList = ''
			// 	list[index].checkstyle = list[index].checkstyle == 'activeBox' ? '' : 'activeBox'
			// 	this.shopppingOrderList = list
			// },
			// changeValue(value) {
			// 	if (value == 0) {
			// 		return '净重'
			// 	} else if (value == 1) {
			// 		return '毛重'
			// 	}
			// },
			// queryGwcList() {
			// 	uni.showLoading({
			// 		title: '加载中...',
			// 		mask: true
			// 	});
			// 	this.materList = []
			// 	var ORMTB410ID = ''
			// 	if (this.userinfo.sign == "CUS-2" || this.userinfo.sign == 'CUS-3') {
			// 		ORMTB410ID = this.userinfo.ORMTB410ID
			// 	}
			// 	uni.request({
			// 		url: this.baseUrl + '/orm/ormtb440/selectAllSettb109',
			// 		method: 'POST',
			// 		dataType: 'json',
			// 		data: {
			// 			SETTB99ID: this.erpInfo.SETTB99ID, //二级企业代码
			// 			ORMTB410ID: ORMTB410ID,
			// 			sign: this.userinfo.sign,
			// 		},
			// 		success: (res) => {
			// 			console.log(res);
			// 			uni.hideLoading();
			// 			if (res.data.code == 200) {
			// 				this.materList = res.data.data || []
			// 				this.materList.forEach(item => {
			// 					if (item.settb109CA07) {
			// 						var flag = this.isBase64(item.settb109CA07)
			// 						if (flag == false) {
			// 							item.materImg = item.settb109CA07
			// 						} else {
			// 							item.materImg = 'data:image/png;base64,' + item
			// 								.settb109CA07
			// 						}
			// 					}
			// 				})
			// 			} else {
			// 				this.$refs.uToast.show({
			// 					title: res.data.success,
			// 					type: 'default',
			// 					icon: false
			// 				})
			// 			}
			// 		},
			// 		fail: (res) => {
			// 			uni.hideLoading();
			// 			this.$refs.uToast.show({
			// 				title: res.errMsg,
			// 				type: 'default',
			// 				icon: false
			// 			})
			// 		}
			// 	});
			// },
			isBase64(str) {
				if (str === '' || str.trim() === '') {
					return false;
				}
				try {
					return btoa(atob(str)) == str;
				} catch (err) {
					return false;
				}
			},
			returnclick() {
				uni.switchTab({
					url: '/pages/tabbar/home/index',

				})
				// uni.navigateBack()
				// if (this.Erptype == 1) {
				// 	// uni.reLaunch({
				// 	// 	url: '/pages/SOenterprise/index'
				// 	// })
				// 	// uni.navigateBack({
				// 	// 	delta:1,//返回层数，2则上上页
				// 	// })
				// } else {
				// 	if (this.ErpUserType == 'HF') {
				// 		uni.switchTab({
				// 			url: '/pages/tabbar/home/index'
				// 		})
				// 		// uni.navigateBack({
				// 		// 	delta:1,//返回层数，2则上上页
				// 		// })
				// 	} 
				// 	// else if (this.ErpUserType == 'FP') {
				// 	// 	uni.reLaunch({
				// 	// 		url: '../tabbar/homeFP/index'
				// 	// 	});
				// 	// }
				// }
			},
			sendMaterClick(item) {
				if (this.AuthorizationOBJ.ORMTB417CA05 && this.AuthorizationOBJ.ORMTB417CA05 == 0) {
					uni.showToast({
						title: '您没有操作权限',
						duration: 5000,
						icon: 'none',
					});
					return
				}
				var str = JSON.stringify(item)
				uni.setStorageSync('materInfo', str);
				uni.navigateTo({
					url: '/pages/SOcar/index'
				})
			},

			sendVideoClick(item) {
				this.videObj = item
				this.showComplete = true
			},

			queryAuthorization() { //查询子账户权限
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				uni.request({
					url: this.baseUrl + '/orm/ormtb417/selectAccess/' + this.userinfo.ORMTB417ID,
					method: 'GET',
					success: (res) => {
						console.log(res);
						uni.hideLoading();
						if (res.data.code == 200) {
							this.AuthorizationOBJ = res.data.data
						} else {
							this.$refs.uToast.show({
								title: res.data.message,
								type: 'default',
								icon: false
							})
						}
					},
					fail: (res) => {
						uni.hideLoading();
						this.$refs.uToast.show({
							title: res.errMsg,
							type: 'default',
							icon: false
						})
					}
				});
			},
		}
	}
</script>
<style>
	.u-btn--info {
		color: red !important;
	}
</style>

<style scoped>
	.sendmaterial-top {
		width: 100vw;
		height: 25vh;
		position: fixed;
		top: 86rpx;
		/* z-index: 666; */
	}

	.sendmaterial-top-text {
		position: absolute;
		left: 40rpx;
		bottom: 20rpx;
		color: #fff;
		font-size: 32rpx;
		z-index: 999;
		font-weight: 600;
	}

	.sendmaterial-top-text .iconfont {
		color: #ffaa00;
		font-size: 24rpx;
	}

	.sendmaterial-top-text view {
		margin-bottom: 10rpx;
	}

	.sendmaterial-top image {
		position: relative;
		z-index: 1;
		width: 100%;
		height: 100%;
	}

	.sendmaterial-top .iconarrow_left-copy {
		position: absolute;
		top: 30%;
		left: 20rpx;
		width: 80rpx;
		height: 80rpx;
		line-height: 80rpx;
		color: #FFF;
		z-index: 999;
		font-size: 36rpx;
		font-weight: 600;
		text-align: center;
	}

	.sendmaterial-erp-address {
		padding: 20rpx 200rpx 20rpx 30rpx;
		font-size: 26rpx;
		/* border-bottom: 20rpx solid #e3e3e3; */
		margin-top: 25vh;
		margin-bottom: 0;
	}

	.sendmaterial-erp-address-p {
		display: flex;
	}

	.sendmaterial-erp-address-p view {
		line-height: 30rpx;
	}

	.sendmaterial-erp-address-p text {
		margin-right: 10rpx;
		line-height: 30rpx;
	}

	.sendmaterial-erp-address-p .iconfont {
		font-size: 24rpx;
	}

	.sendmaterial-erp-address-p+.sendmaterial-erp-address-p {
		margin-top: 15rpx;
	}

	.sendmaterial-cusname {
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		padding: 0 20rpx;
		font-size: 28rpx;
		color: #333;
		font-weight: 600;
		overflow: hidden;
	}

	.sendmaterial-cusname .iconxiala {
		margin-left: 20rpx;
		color: #999;
		font-size: 24rpx;
	}

	.sendmaterial-title {
		height: 60rpx;
		line-height: 60rpx;
		padding-left: 20rpx;
	}

	.sendmaterial-li {
		display: flex;
		padding: 20rpx;
	}

	.sendmaterial-li-image {
		width: 150rpx;
		height: 100rpx;
		margin-right: 15rpx;
	}

	.sendmaterial-li-image image {
		height: 100%;
		width: 100%;
	}

	.sendmaterial-li-mater {
		flex: 1;
		margin-right: 20rpx;
	}

	.sendmaterial-li-mater-text {
		height: 40rpx;
		overflow: hidden;
		color: #333;
		font-size: 28rpx;
	}

	.sendmaterial-li-mater-pric label {
		font-size: 22rpx;
		color: red;
		font-style: italic;
		margin-right: 10rpx;
	}

	.sendmaterial-li-mater-pric text {
		font-size: 30rpx;
		color: red;
		margin-right: 10rpx;
	}

	.sendmaterial-li-btn button {
		height: 50rpx;
		line-height: 50rpx;
		background-color: rgb(255, 255, 255, 1);
		font-size: 24rpx;
		color: #00a2f2;
		border: 2rpx solid #00a2f2;
		margin-top: 20rpx;
		margin-right: 20rpx;
	}

	.sendmaterial-li-btn .but-shipin-up {
		background-color: rgb(255, 255, 255, 1);
		color: #FFCC00;
		border: 2rpx solid #FFCC00;
	}

	.sendmaterial-shoppingcar {
		position: fixed;
		width: 130rpx;
		height: 130rpx;
		left: 30rpx;
		bottom: 60rpx;
		line-height: 130rpx;
		border-radius: 50%;
		text-align: center;
		background-color: #02a2f4;
		box-shadow: 2rpx 3rpx 3rpx 3rpx rgb(0 38 66 / 32%);
		color: #FFF;
		z-index: 99;
	}

	.sendmaterial-shoppingcar .iconfont {
		display: inline-block;
		width: 130rpx;
		height: 130rpx;
		line-height: 130rpx;
		font-size: 66rpx;
		vertical-align: top;
	}

	.sendmaterial-shoppingcar view {
		position: absolute;
		right: 0;
		top: 0;
		height: 30rpx;
		width: 30rpx;
		line-height: 30rpx;
		text-align: center;
		background-color: red;
		border-radius: 50%;
		font-size: 26rpx;
	}

	.shoppingCarShow-box {}

	.shoppingCarShow-box-top {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		display: flex;
		justify-content: space-between;
		height: 160rpx;
		color: #999;
		font-size: 28rpx;
		background-color: #FFF;
		padding: 0 0 20rpx;
		box-sizing: border-box;
		border-bottom: 10rpx solid #e3e3e3;
		z-index: 9;
	}

	.shoppingCarShow-box-top text {
		width: 120rpx;
		height: 60rpx;
		line-height: 60rpx;
		margin-top: 80rpx;
		text-align: center;
	}

	.shoppingCarShow-box-p {
		margin-top: 160rpx;
		margin-bottom: 120rpx;
	}

	.shoppingCarShow-box-p-title {
		display: flex;
		color: #333;
		font-size: 26rpx;
		padding: 20rpx 20rpx 0;
	}

	.shoppingCarShow-box-p-title image {
		width: 50rpx;
		height: 40rpx;
	}

	.shoppingCarShow-box-p-title-checkbox {
		height: 45rpx;
		line-height: 45rpx;
		width: 45rpx;
		text-align: center;
		border: 1rpx solid #e3e3e3;
		border-radius: 50%;
		margin: 0 20rpx 0 0;
		color: #FFF;
	}

	.shoppingCarShow-box-p-title-checkbox .iconduihao {
		font-size: 30rpx;
		font-weight: 600;
	}

	.shoppingCarShow-box-p-title .activeBox {
		background-color: #00A1F1;
		border-color: #00A1F1;
	}

	.shoppingCarShow-box-p-title-erp {
		flex: 1;
		padding: 0 15rpx;
	}

	.shoppingCarShow-box-p-title-mater {
		flex: .5;
	}

	.shoppingCarShow-box-p-title .iconqingkong {
		width: 60rpx;
		text-align: center;
		font-size: 30rpx;
		color: #999;
	}

	.shoppingCarShow-box-p-li {
		display: flex;
		padding: 20rpx 40rpx 0;
		justify-content: space-between;
	}

	.shoppingCarShow-box-p-li-r>text {
		display: inline-block;
		width: 80rpx;
		color: #999;
		font-size: 30rpx;
		text-align: center;
	}

	.shoppingCarShow-box-p-li-l {
		display: flex;
		flex: 1;
	}

	.shoppingCarShow-box-p-li-l-car {
		flex: .7;
	}

	.shoppingCarShow-box-p-li-l-weight {
		flex: 1;
	}

	.shoppingCarShow-box-p-li-l-num {
		flex: .5;
	}

	.shoppingCarShow-box-bottom {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		display: flex;
		justify-content: space-between;
		height: 120rpx;
		box-sizing: border-box;
		border-top: 10rpx solid #e3e3e3;
		background-color: #fff;
		color: #333;
		z-index: 9;
	}

	.shoppingCarShow-box-bottom-l {
		position: relative;
	}

	.shoppingCarShow-box-bottom-l>text {
		display: inline-block;
		width: 120rpx;
		height: 120rpx;
		line-height: 120rpx;
		text-align: center;
	}

	.shoppingCarShow-box-bottom-l>view {
		position: absolute;
		right: 10rpx;
		top: 10rpx;
		width: 30rpx;
		height: 30rpx;
		line-height: 30rpx;
		text-align: center;
		border-radius: 50%;
		color: #fff;
		background-color: red;
		z-index: 2;
	}

	.shoppingCarShow-box-bottom-l .icongouwuche {
		font-size: 60rpx;
		color: #02a2f4;
	}

	.shoppingCarShow-box-bottom-r {
		display: flex;
		flex: 1;
	}

	.shoppingCarShow-box-bottom-r>view {
		flex: 1;
		padding: 20rpx 20rpx 0 0;
		text-align: right;
	}

	.shoppingCarShow-box-bottom-r>view>text {
		font-size: 24rpx;
	}

	.shoppingCarShow-box-bottom-r-count {
		font-size: 30rpx;
	}

	.shoppingCarShow-box-bottom-r-count>text {
		color: red;
		font-size: 32rpx;
	}

	.shoppingCarShow-box-bottom-r button {
		height: 120rpx;
		line-height: 120rpx;
		background-color: #02a2f4;
		color: #FFF;
		font-size: 34rpx;
	}

	/*公告 */
	.notice {
		width: 100%;
		height: 20rpx;
		margin: 0;
		background-color: #FFFFFF;
		/* border-bottom: 20rpx solid #e3e3e3; */
		padding-left: 30rpx;

	}

	/*上传视频弹框 */
	.popup_title {
		font-size: 36rpx;
		font-weight: 700;
		text-align: center;
		padding: 30rpx;
	}

	.popup_cell {
		margin: 0 30rpx;
		padding: 10rpx 0;
		margin-bottom: 10rpx;
		border-bottom: 2rpx solid #ebebeb;
		display: flex;
		align-items: center;
	}

	.popup_cell.upload_area {
		align-items: flex-start;
	}

	.upload_wrap {
		margin-left: 32rpx;
		width: 120rpx;
		height: 120rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.upload_img {}

	.upload_placeholder {}

	.popup_cell-label {
		font-size: 30rpx;
		color: #666666;
		width: 150rpx;
		text-align: right;
	}

	.popup_cell_value {
		flex: 1;
	}

	.popup_cell_input {
		font-size: 32rpx;
		width: 100%;
		height: 60rpx;
		padding: 0 20rpx;
	}

	.input-placeholder {
		font-size: 30rpx;
	}

	.popup_btn {
		background-color: #007AFF;
		margin: 60rpx;
		color: #FFFFFF;
	}

	.tit_text {
		text-align: center;
		padding: 20rpx 0;
	}

	.main-zhuti-jy {
		padding: 0 20rpx;
		padding-top: 20rpx;
	}

	.jy-main {
		display: flex;
		justify-content: space-between;
	}

	.see-btn-collection {
		height: 40rpx;
		color: #999;
		font-size: 28rpx;
	}

	.sendcar-bottome-nav {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		display: flex;
		height: 120rpx;
		overflow: hidden;
		box-sizing: border-box;
		z-index: 2;
		background-color: #fff;
	}

	.sendcar-bottome-nav-l {
		flex: 1;
		text-align: right;
		padding-right: 20rpx;
		margin-top: 20rpx;
	}

	.sendcar-bottome-nav-l-t {
		height: 40rpx;
		font-size: 34rpx;
		color: #333;
		overflow: hidden;
	}

	.sendcar-bottome-nav-l-b {
		height: 40rpx;
		overflow: hidden;
		font-size: 24rpx;
		color: #999;
	}

	.sendcar-bottome-nav-l-b text {
		margin-right: 10rpx;
	}

	.sendcar-bottome-nav-r>button {
		display: inline-block;
		height: 100rpx;
		line-height: 100rpx;
		color: #FFF;
		background-color: #02a2f4;
		/* background-color: #e5c000; */
		font-size: 32rpx;
		border-radius: 30rpx;
		margin-right: 20rpx;
	}

	.sendcar-bottome-nav-r>button+button {
		background-color: #02a2f4;
		margin-left: 5rpx;
	}
</style>
